@charset "utf-8";
/* CSS Document */

/* reset styling
***********************************/

body, *, input, textarea {margin: 0; padding: 0; font-family: Verdana, Helvetica, sans-serif; color: #000;}
body {
	/* resetting default size to 10px or 62.5% of the 16px default */
	font-size: 62.5%;
        background-image: url('../images/fondo2.jpg');
}


/* misc styling classes
**********************************/

.clear-line {clear: both; height: 0;}

.clear-line-main {clear: both; height: 30px;}


/* basic format styling
**********************************5719e url(bg.png) top left repeat-x; background-attachment: fixed;}
*/
#wrapper {width: 100%; margin: 0 auto; position: relative;}
	#header {padding: 30px 0 0 0;}
	#content {clear: both; /*background: url(content-bg.png) top center repeat-y;*/}
		#mast-head-main {width: 100%; height: 650px; margin: 0 auto 45px auto; position: relative;}
			#masthead {width: 100%; height: 650px; background: url(../images/1.png) top center no-repeat;}
			#masthead-inner-wrapper {position: absolute; left: 30px; top: 60px;}
		/*#left-column {float: left; width: 318px;}
		#right-column {float: right; width: 318px;}
		#middle-column {margin: 0 auto; width: 318px; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
		 --#left-column, #right-column, #middle-column {margin-bottom: 30px;} 
		.column-inside-wrapper {padding: 0 30px;}*/
		
	/*#footer {background: url(sub-nana
		
	#footer {background: url(sub-nav-bg.png) top center no-repeat;}*/
		#sub-nav {}
		#copyright, #contact-info {font-weight: bold; font-size: 11px; color: #f1e38c; margin: 30px; line-height: 18px;}
			#copyright {float: left;}
			#contact-info {right: right; text-align: right;}


/* main-nav, logo, and appointment, sub-nav
********************************************/

#logo {display: block; width: 372px; height:72px; background: url(logo.png) top left no-repeat; margin-left: 30px; margin-bottom: 30px;}
	#logo h1 {display: none;}

#appointment {-moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; position: absolute; top: 60px; right: 30px; color: #fff; font-weight: bold; font-size: 11px; text-decoration: none; padding: 10px 10px 10px 32px; background: #264a5c url(clock.png) 10px 8px no-repeat; border: 0px solid #fff;}
	#appointment:hover {color: #f1e38c;}

#main-nav {list-style: none; background: url(main-nav-bg.png) top center no-repeat; height: 69px; padding: 5px 0 0 5px;;}
	#main-nav li {float: left;}
	#main-nav a {display: block; width: 191px; height: 68px; text-decoration: none; text-shadow: #333 1px 1px 2px;}
		#main-nav a div {padding-top: 15px; color: #fff; text-align: center; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 18px; font-size: 14px;}
		#main-nav a span {color: #f1e38c; font-family: Verdana, Geneva, sans-serif; font-size: 10px;}
		#main-nav a:hover {background: url(main-nav-hover.png) bottom center no-repeat;}
		
		.pg-home #main-nav a.main-nav-home {background: url(main-nav-hover.png) bottom center no-repeat;}
		.pg-about #main-nav a.main-nav-about {background: url(main-nav-hover.png) bottom center no-repeat;}
		.pg-services #main-nav a.main-nav-services {background: url(main-nav-hover.png) bottom center no-repeat;}
		.pg-photo #main-nav a.main-nav-photo {background: url(main-nav-hover.png) bottom center no-repeat;}
		.pg-contact #main-nav a.main-nav-contact {background: url(main-nav-hover.png) bottom center no-repeat;}

#sub-nav {list-style: none; padding: 22px 30px;}
	#sub-nav li {display: inline; margin-right: 30px;}
	#sub-nav a {color: #fff; font-weight: bold; font-size: 11px; text-decoration: none;}


/* main page
********************************************/

.main-page-title {font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; color: #000; margin-bottom: 20px; font-weight: normal;}

#mast-head-blurb {padding: 0;}
	.mast-head-title {font-size: 18px; margin-bottom: 10px; color: #333; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
	#mast-head-blurb p {font-size: 12px; margin-bottom: 30px; color: #666; line-height: 16px; margin-left: 15px; font-style: italic;}

#left-column p, #right-column p, #middle-column p {margin-bottom: 20px; color: #666; font-size: 12px; line-height: 18px;}
	.btn-about {display: block; width: 121px; height: 35px; background: url(btn-about.png) top left no-repeat;}
	.btn-services {display: block; width: 121px; height: 35px; background: url(btn-services.png) top left no-repeat;}
	.btn-photos {display: block; width: 121px; height: 35px; background: url(btn-photos.png) top left no-repeat;}
	.btn-about span, .btn-services span, .btn-photos span {display: none;}
	

/* inside pages
********************************************/

#mast-head-inside {width: 950px; height: 76px; margin: 0 auto; background: url(inside-mast.png) top center no-repeat;}

#sidebar {width: 245px; float: right; margin-right: 30px; padding-top: 50px; padding-bottom: 30px;}
	#sidebar-menu {background: #d9d1c7 url(sidebar-menu-bot.png) bottom left no-repeat; padding-bottom: 15px; margin-bottom: 30px;}
		#sidebar-menu li {color: #666; margin-left: 33px; line-height: 22px; font-size: 11px;}
			#sidebar-menu li a {color: #666; text-decoration: none;}
			#sidebar-menu li a.selected {color: #000; text-decoration: underline; font-weight: bold;}
			
		.sidebar-menu-title {font-size: 11px; font-weight: bold; color: #fff; display: block; background: #b4aca1 url(sidebar-menu-title.png) top center no-repeat; padding: 10px 20px 0 20px;}
		#sidebar-menu ul {background: url(sidebar-menu-title-bot.png) top center no-repeat; padding-top: 20px;}
	
	#testimonial {background: url(quote.png) top left no-repeat;}
		.quote {padding: 15px 30px 15px 30px; color: #666; font-style: italic; font-size: 11px; line-height: 18px;}
			#testimonial .quote p {color: #666; font-style: italic; font-size: 11px; line-height: 18px;}
		.client {text-align: right; padding: 0 30px 15px 30px; color: #666; font-style: italic; font-size: 11px;}
		
#main-column {margin: 0 365px 0 30px; padding-bottom: 30px;}
	.main-column-title {font-family: Georgia, "Times New Roman", Times, serif; font-size: 32px; font-weight: normal; margin-bottom: 18px;}
		.main-column-title span {font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #666; font-weight: normal;}
		
	#main-column p {font-size: 12px; color: #666; line-height: 18px; margin-bottom: 20px;}
	#main-column ul {padding-left: 30px; margin-bottom: 20px;}
		#main-column li {font-size: 12px; color: #333; line-height: 18px; margin-bottom: 10px;}
	
#contact-form {padding: 15px; border: 1px solid #ccc; background: #f2f2f2;}
	#contact-form input, #contact-form textarea {padding: 3px; font-size: 12px;}


/* staff profiles
********************************************/

.profile-wrap {padding: 30px 0;}
	.profile-info-box {float: right; width: 290px;}
		.profile-title {font-size: 12px; color: #000; font-weight: bold; display: block; padding: 2px 0; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
		.profile-text {}
	.profile-image-box {float: left; width: 250px;}


/* office tour and gallery
********************************************/

.tour-gallery {margin-top: 30px;}
	.tour-image {display: block; width: 150px; height: 150px; float: left; margin-right: 30px; margin-bottom: 30px;}
	.tour-gallery img {border: 1px solid #000;}
	
.baa-gallery {margin-top: 30px; padding-top: 30px; border-top: 1px dotted #999;}





